@charset "UTF-8";
.gallery {
	position:relative;
	margin-top:60px;
	width:100%;
	background-color:#ccc;
	font-family:"Noto Sans CJK SC", "Source Han Sans CN", "Microsoft YaHei";
	color:#424242
}
.gallery.carousel {
	padding-bottom:75%
}
@media (min-width:641px) {
.gallery.carousel {
padding-bottom:41.66667%
}
}
.gallery.carousel .gallery-inner {
	position:absolute;
	overflow:hidden
}
.gallery.carousel .gallery-item {
	height:100%
}
.gallery a {
	color:inherit
}
.gallery .gallery-inner {
	width:100%;
	height:100%
}
.gallery .gallery-slides {
	position:relative;
	width:100%;
	height:100%
}
.gallery .gallery-item {
	position:relative;
	width:100%;
	padding-bottom:75%
}
.gallery .gallery-item a {
	display:block
}
.gallery .gallery-item .gallery-item-wrapper {
	position:absolute;
	width:100%;
	height:100%;
	background-size:cover;
	overflow:hidden
}
.gallery .gallery-item .video-layer {
	position:absolute;
	width:100%;
	height:100%;
	z-index:1
}
.gallery .gallery-item .gallery-item-picture, .gallery .gallery-item .gallery-item-video {
	display:block;
	position:absolute;
	left:50%;
	height:100%;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%)
}
.gallery .gallery-item .gallery-item-content {
	z-index:1
}
.gallery .gallery-item .gallery-item-title {
	font-size:34px;
font-size:calc(17px + (34 - 17) * (100vw - 320px)/ (640 - 320));
	line-height:1em;
	font-weight:lighter
}
@media (min-width:641px) {
.gallery .gallery-item {
padding-bottom:41.66667%
}
.gallery .gallery-item .gallery-item-picture, .gallery .gallery-item .gallery-item-video {
position:static;
margin-left:auto;
width:100%;
height:auto;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
.gallery .gallery-item .gallery-item-title {
font-size:24px;
line-height:1em
}
}
@media (min-width:891px) {
.gallery .gallery-item .gallery-item-title {
font-size:30px;
line-height:1em
}
}
@media (min-width:1041px) {
.gallery .gallery-item .gallery-item-title {
font-size:36px;
line-height:1em
}
}
@media (min-width:1457px) {
.gallery .gallery-item .gallery-item-title {
font-size:40px;
line-height:1em
}
}
.gallery .gallery-item .gallery-item-desc {
	margin-top:10px;
	font-size:22px;
font-size:calc(11px + (22 - 11) * (100vw - 320px)/ (640 - 320));
	line-height:1em;
	font-weight:lighter
}
@media (min-width:641px) {
.gallery .gallery-item .gallery-item-desc {
font-size:14px;
line-height:1em
}
}
@media (min-width:891px) {
.gallery .gallery-item .gallery-item-desc {
font-size:16px;
line-height:1em
}
}
@media (min-width:1041px) {
.gallery .gallery-item .gallery-item-desc {
margin-top:12px;
font-size:20px;
line-height:1em
}
}
@media (min-width:1457px) {
.gallery .gallery-item .gallery-item-desc {
margin-top:16px;
font-size:22px;
line-height:1em
}
}
.gallery .gallery-item .gallery-item-links {
	display:none
}
@media (min-width:1041px) {
.gallery .gallery-item .gallery-item-links {
display:block;
margin-top:24px
}
}
.gallery .gallery-item .gallery-item-links .gallery-item-link {
	display:inline-block;
	width:100px;
	height:26px;
	border-radius:13px;
	font-size:14px;
	line-height:24px;
	text-align:center;
transition:all .25s ease;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
@media (min-width:1457px) {
.gallery .gallery-item .gallery-item-links {
margin-top:30px
}
.gallery .gallery-item .gallery-item-links .gallery-item-link {
height:32px;
border-radius:16px;
line-height:30px
}
}
.gallery .gallery-item .gallery-item-links .gallery-item-link:first-child {
	margin-right:32px
}
.gallery .gallery-item.background-light .gallery-item-links .gallery-item-link {
	color:#424242;
	border:1px solid #424242
}
.gallery .gallery-item.background-light .gallery-item-links .gallery-item-link:hover {
	background-color:#424242;
	color:#fff
}
.gallery .gallery-item.background-dark .gallery-item-desc, .gallery .gallery-item.background-dark .gallery-item-title {
	color:#fff
}
.gallery .gallery-item.background-dark .gallery-item-links .gallery-item-link {
	color:#fff;
	border:1px solid #fff
}
.gallery .gallery-item.background-dark .gallery-item-links .gallery-item-link:hover {
	background-color:#fff;
	color:#424242
}
.gallery .align-bottom-center, .gallery .align-left-bottom, .gallery .align-left-middle, .gallery .align-left-top, .gallery .align-middle-center, .gallery .align-top-center {
	position:absolute;
	width:100%;
	text-align:center
}
.gallery .align-top-center {
	top:34px;
top:calc(17px + (34 - 17) * (100vw - 320px)/ (890 - 320))
}
@media (min-width:1041px) {
.gallery .align-top-center {
top:40px
}
}
@media (min-width:1457px) {
.gallery .align-top-center {
top:60px
}
}
@media (min-width:1937px) and (max-width:2560px) {
.gallery .align-top-center {
top:100px
}
}
.gallery .align-middle-center {
	margin-top:-15px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%)
}
.gallery .align-bottom-center {
	bottom:34px
}
@media (min-width:641px) {
.gallery .align-bottom-center {
bottom:44px
}
}
@media (min-width:1041px) {
.gallery .align-middle-center {
margin-top:-30px
}
.gallery .align-bottom-center {
bottom:56px
}
}
@media (min-width:1457px) {
.gallery .align-middle-center {
margin-top:-45px
}
.gallery .align-bottom-center {
bottom:60px
}
}
@media (min-width:1937px) and (max-width:2560px) {
.gallery .align-middle-center {
margin-top:-70px
}
.gallery .align-bottom-center {
bottom:100px
}
}
.gallery .align-left-bottom {
	bottom:34px
}
@media (min-width:641px) {
.gallery .align-left-bottom {
left:44px;
bottom:44px;
text-align:left
}
}
@media (min-width:1041px) {
.gallery .align-left-bottom {
left:56px;
bottom:56px
}
}
@media (min-width:1457px) {
.gallery .align-left-bottom {
left:80px;
bottom:60px
}
}
@media (min-width:1937px) and (max-width:2560px) {
.gallery .align-left-bottom {
left:120px;
bottom:100px
}
}
.gallery .align-left-top {
	top:34px
}
@media (min-width:641px) {
.gallery .align-left-top {
left:44px;
top:44px;
text-align:left
}
}
@media (min-width:1041px) {
.gallery .align-left-top {
left:56px;
top:56px
}
}
@media (min-width:1457px) {
.gallery .align-left-top {
left:80px;
top:60px
}
}
@media (min-width:1937px) and (max-width:2560px) {
.gallery .align-left-top {
left:120px;
top:100px
}
}
.gallery .align-left-middle {
	top:34px
}
@media (min-width:641px) {
.gallery .align-left-middle {
left:44px;
top:44px;
text-align:left
}
}
@media (min-width:1041px) {
.gallery .align-left-middle {
left:4%;
top:40%
}
}
@media (min-width:1457px) {
.gallery .align-left-middle {
left:4%;
top:40%
}
}
@media (min-width:1937px) and (max-width:2560px) {
.gallery .align-left-middle {
left:4%;
top:40%
}
}
.gallery .gallery-dots {
	display:table;
	position:absolute;
	z-index:99;
bottom:calc(18px + (30 - 18) * (239.25234% - 1024px)/ (2560 - 1024));
	left:50%;
	margin-left:-75px
}
.ie8 .gallery .gallery-dots {
	bottom:18px
}
.gallery .gallery-dots li {
	display:inline-block;
	margin:0 9px
}
.gallery .gallery-dots .gallery-dot {
	display:block;
	width:12px;
	height:12px;
	border-radius:6px;
transition:all .25s ease;
	cursor:pointer
}
.gallery .gallery-dots.background-light .gallery-dot {
	border:1px solid #424242;
	background-color:transparent
}
.gallery .gallery-dots.background-light .gallery-dot.current {
	background-color:#424242
}
.gallery .gallery-dots.background-dark .gallery-dot {
	border:1px solid #fff;
	background-color:transparent
}
.gallery .gallery-dot1.background-dark .gallery-dot, .gallery .gallery-dot1.background-light .gallery-dot {
	border:1px solid #ddd
}
.gallery .gallery-dots.background-dark .gallery-dot.current {
	background-color:#fff
}
.gallery .gallery-dot1.background-dark .gallery-dot.current, .gallery .gallery-dot1.background-light .gallery-dot.current {
	background-color:#ddd
}
.promos {
	width:100%;
	padding:3% 0;
	overflow: auto;
}
.promos a {
	color:inherit
}
.promos .promo {
	position:relative;
	float:left;
	width:100%
}
.promos .promo .promo-pic {
	position:relative;
	padding-bottom:55.71429%;
	background-color:#ccc
}
.promos .promo .promo-pic img {
	display:block;
	position:absolute;
	width:100%;
}
.promos .promo .promo-info {
	padding:4.64286% 3.92857% 6.42857%;
	background-color:#ebeaea;
}
.promos .promo .promo-info .promo-title {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:100%;
	margin-bottom:3.48837%;
	font-size:16px;
font-size:calc(13px + (26 - 13) * (100vw - 320px)/ (640 - 320));
	line-height:1em
}
.promos .promo .promo-info .promo-desc {
	display:inline-block;
	font-size:14px;
font-size:calc(11px + (22 - 11) * (100vw - 320px)/ (640 - 320));
	line-height:1em
}
.promos .promo .promo-links {
	float:right;
	display:none;
	height:14px;
	line-height:14px;
	font-size:14px
}
.promos .promo .promo-links .promo-link {
	color:#0090ff;
	vertical-align:middle;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	cursor:pointer
}
@media (min-width:641px) {
.ie8 .promos {
padding:3.14607%
}
.promos .promo {
width:32.6%;
padding-bottom:calc(27.57794% + 16px + 14px + 4.79616%);
background-color:#ebeaea
}
.ie8 .promos .promo {
margin:.59952% .59952% 0 0
}
.promos .promo:nth-child(2n) {
margin-left:1.19904%
}
.promos .promo:nth-child(2) {
margin-top:0
}
.promos .promo:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) {
margin-top:1.19904%
}
.promos .promo .promo-pic {
padding-bottom:55.82524%
}
.promos .promo .promo-inner {
position:absolute;
width:100%;
height:100%;
overflow:hidden
}
.promos .promo .promo-info {
position:absolute;
width:100%;
margin-top:0;
padding:3.39806% 3.8835% 4.36893%;
transition:all .25s ease
}
.promos .promo .promo-info .promo-title {
margin-bottom:8px;
font-size:16px
}
.promos .promo .promo-info .promo-desc {
font-size:14px
}
.promos .promo .promo-info .promo-links {
display:inline-block
}
.promos .promo .promo-info .promo-link {
position:relative
}
.promos .promo .promo-info .promo-link:after {
content:"";
position:absolute;
top:-8px;
right:-8px;
bottom:-8px;
left:-8px
}
.promos .promo .promo-info .promo-detail-link {
display:none
}
}
@media (min-width:891px) {
.ie8 .promos {
padding:3.125%
}
.promos .promo {
padding-bottom:35.83333%
}
.promos .promo:nth-child(2n) {
margin-left:1.04167%
}
.promos .promo:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) {
margin-top:1.04167%
}
.promos .promo .promo-pic {
padding-bottom:55.57895%
}
.promos .promo .promo-info {
padding:3.57895% 4.21053% 5.26316%
}
.promos .promo .promo-info .promo-links {
display:block
}
}
@media (min-width:1041px) {
.ie8 .promos {padding-bottom: 50px;height: 330px;
}
.promos .promo {
padding-bottom:calc(19% + 20px + 14px + 3.26409% + 8px + ((12 - 8) * (100% - 335px)/ (591 - 335)/ 1348))
}
.promos .promo:nth-child(2n) {
margin-left:1.03858%
}
.promos .promo:nth-child(3n) {
margin-left:1.03858%
}
.promos .promo:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) {
margin-top:0;
height: 0;
}
.promos .promo:hover .promo-info {
margin-top:calc(-14px - 2.54873%)
}
.promos .promo:hover .promo-info .promo-links {
opacity:1;
transition-delay:.1s
}
.promos .promo .promo-pic {
padding-bottom:56.97151%
}
.promos .promo .promo-info {
padding:2.54873% 5.69715%
}
.promos .promo .promo-info .promo-title {
margin-bottom:calc(8px + (12 - 8) * (100% - 435px)/ (591 - 435));
font-size:20px
}
.promos .promo .promo-info .promo-desc {
display:block
}
.promos .promo .promo-info .promo-links {
float:none;
margin-top:4.39932%;
opacity:0;
transition:opacity .2s ease
}
.promos .promo .promo-info .promo-detail-link {
display:inline;
margin-right:4.73773%
}
}
@media (min-width:1457px) {
.promos {
padding:calc(46px + (60 - 46) * (100% - 1440px)/ (1920 - 1440))
}
.ie8 .promos {
padding:3.125%
}
.promos .promo {
padding-bottom:calc(28.11111% + 20px + 14px + 3.11111%)
}
.promos .promo:nth-child(2n) {
margin-left:1.11111%
}
.promos .promo:not(:nth-child(1)):not(:nth-child(2)) {
margin-top:1.11111%
}
.promos .promo:hover .promo-info {
margin-top:calc(-14px - 2.11443%)
}
.promos .promo:hover .promo-info .promo-links {
opacity:1;
transition-delay:.1s
}
.promos .promo .promo-pic {
padding-bottom:56.85393%
}
.promos .promo .promo-info {
padding:1.91011% 4.26966%
}
.promos .promo .promo-info .promo-title {
margin-bottom:12px;
font-size:20px
}
.promos .promo .promo-info .promo-desc {
display:block
}
.promos .promo .promo-info .promo-links {
float:none;
margin-top:3.23383%
}
.promos .promo .promo-info .promo-detail-link {
display:inline;
margin-right:3.48259%
}
}
@media (min-width:1937px) and (max-width:2560px) {
.promos {
padding:calc(60px + (80 - 60) * (100% - 1920px)/ (2560 - 1920))
}
.ie8 .promos {
padding:3.125%
}
.promos .promo {
padding-bottom:32.75%
}
.promos .promo:nth-child(2n) {
margin-left:1.16667%
}
.promos .promo:not(:nth-child(1)):not(:nth-child(2)) {
margin-top:1.16667%
}
.promos .promo:hover .promo-info {
margin-top:calc(-14px - 2.87648%)
}
.promos .promo:hover .promo-info .promo-links {
opacity:1;
transition-delay:.1s
}
.promos .promo .promo-pic {
padding-bottom:55.98651%
}
.promos .promo .promo-info {
padding:2.02361% 3.37268% 3.79427%
}
.promos .promo .promo-info .promo-title {
font-size:20px
}
.promos .promo .promo-info .promo-desc {
display:block
}
.promos .promo .promo-info .promo-links {
float:none;
margin-top:2.69815%
}
.promos .promo .promo-info .promo-detail-link {
display:inline;
margin-right:2.36088%
}
}